

<div id="sidebar">

  <!--
       <h3>Login</h3>
        <div id="loginForm" class="login">
            <form action="${resource(file: 'j_spring_security_check')}">
              <table cellpadding="50px" border="0">
                  <tr>
                    <td>Usuario:</td><td><g:textField name="j_username"/></td>
                  </tr>
                  <tr>
                    <td>Password:</td><td><input name="j_password" type="password"/></td>
                  </tr>
                  <tr>
				    <td>Remember:</td><td><input type='checkbox' name='_spring_security_remember_me'<g:if test='${hasCookie}'> checked='checked'</g:if>/></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><g:submitButton name="login" value="Login"/></td>
                  </tr>
                </table>
				
            </form>
        </div>
  -->


<div id="container">
  <div id="topnav" class="topnav">  <a href="login" class="signin"><span>Conexión</span></a> </div>

  <fieldset id="signin_menu">
    <legend></legend>
    <form method="post" action="${resource(file: 'j_spring_security_check')}">
      <label for="username">Usuario del sistema</label>
      <input id="username" name="j_username" value="" title="username" tabindex="4" type="text">
      </p>
      <p>
        <label for="password">Contraseña</label>
        <input id="password" name="j_password" value="" title="password" tabindex="5" type="password">
      </p>
      <p class="remember">
        <input id="signin_submit" value="Login" tabindex="6" type="submit">
        <input id="remember" name="_spring_security_remember_me"
               <g:if test='${hasCookie}'> checked='checked'</g:if>
               tabindex="7" type="checkbox">
        <label for="remember">Recuérdame</label>
      </p>
    </form>
  </fieldset>

</div>


       <jq:jquery>

        jQuery(function() {

            $(".signin").click(function(e) {
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });

			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});

        });

       </jq:jquery>

</div>
